@charset "utf-8";
/* CSS Document */




body {
	background-color: #F1F2F2;
	font:10px/1.65 Helvetica, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight:light;
}
a:link, a:visited {
	text-decoration:none;
	color:#333333;
}

/* ------------------------------------*/
/* Container                           */
/* ------------------------------------*/
#container {
	position:relative;
	width:1020px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	top:15px;
}

/* ------------------------------------*/
/* Header                              */
/* ------------------------------------*/
#header {
	position:relative;
	width:1020px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}
#logo {
	position:relative;
	background:url(../img/logo.png);
	width:102px;
	height:103px;
	margin-left:auto;
	margin-right:auto;
}
#searchform {
	position:absolute;
	top:36px;
	right:0px;
	font-size: 10px;
}
#login {
	background-color:#FFF;
	text-align:center;
	line-height:19pt;
}
.user_usage {
	color:#FD8A3F;
}
a:hover.user_usage {
	color:#FD8A3F;
	text-decoration:underline;
}
a:active.user_usage {
	color:#FD8A3F;
}
a:link.user_usage {
	color:#FD8A3F;
}a:visited.user_usage {
	color:#FD8A3F;
}
.textInput {
	position:absolute;
	border: 1px solid #ffffff;
	background: #ffffff;
	color: #808080;
	height:25px;
	width: 220px;
	padding-left:4px;
	right:115px;
}
.textSubmit {
	position:absolute;
	right:35px;
	top:1px;
	background-color: #808080; 
	border: 1px solid #808080; 
	text-decoration: none; 
	color: #FFFFFF;
	height:27px;
	width:70px;
	text-transform:uppercase;
	cursor: pointer;
}
.loginText {
	background: #ffffff;
	border:thin solid #808080;
	color: #808080;
	height:15pt;
	width: 150px;
	padding-left:5px;
}
.loginSubmit {
	background-color: #808080; 
	border: 1px solid #808080; 
	text-decoration: none; 
	color: #FFFFFF;
	height:18pt;
	width:70px;
	text-transform:lowercase;
	cursor: pointer;
	float:left;
}
#login-panel{
    position: absolute;
    top: 168px;
    right: 35px;
    width: 220px;
    padding: 10px 15px 5px 15px;
    background:#FFF;
    font-size: 10pt;
    color: #808080;
    display: none ;
}
label{
	position:relative;
    line-height:14px;
	text-transform:capitalize;
	font-size:10px;
	color:#808080;
	display:block;	
}
/* ------------------------------------*/
/* Navigation 						   */
/* ------------------------------------*/
#top_nav {
	height:19pt;
	font:10px HelveticaNeueVnu, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
	line-height:19pt; /*vertical align*/
}
#nav {
	position:relative;
	
}
#nav ul  {
	list-style:none;
	margin: 0 0 0 0;
	display:inline-block;
}
#nav ul li {
	display:inline-block;
	padding-left:0px;
	margin: 0 0 0 0;
}
#nav ul li a {
	position:relative;
	padding-left:5px;
}
#nav ul li a:hover {
	position:relative;
	background-color:#626467;
	display:block;
	color:#FFFFFF;
	width:120%;
	-webkit-transition: 0.2s ease-in;  
	-webkit-transition-property:color, background; 	
    -moz-transition:  0.2s ease-in;  
	-moz-transition-property:color, background; 
    -o-transition:  0.2s ease-in;
	-o-transition-property:color, background; 
	transition: 0.2s ease-in;  
	transition-property:color, background; 	
	padding-left:5px;
}
#nav ul li a:active {
	display:block;
	width:120%;
	-webkit-transition: 0.2s ease-in;  
	-webkit-transition-property:color, background; 	
    -moz-transition:  0.2s ease-in;  
	-moz-transition-property:color, background; 
    -o-transition:  0.2s ease-in;
	-o-transition-property:color, background; 
	transition: 0.2s ease-in;  
	transition-property:color, background; 
}
#nav ul li a:link{
	display:block;
	width:120%;
	-webkit-transition: 0.2s ease-in;  
	-webkit-transition-property:color, background; 	
    -moz-transition:  0.2s ease-in;  
	-moz-transition-property:color, background; 
    -o-transition:  0.2s ease-in;
	-o-transition-property:color, background; 
	transition: 0.2s ease-in;  
	transition-property:color, background; 
}
.seperator {
	border-left:thin solid #B3B2B3;
	position:relative;
	height:19pt;
	margin-left:28px;
	margin-right:3px;
}
.seperator_user {
	border-left:thin solid #B3B2B3;
	position:relative;
	height:19pt;
	margin-left:3px;
	margin-right:3px;
}
.current {
	padding-left:5px;
	position:relative;
	background-color:#626467;
	display:block;
	color:#FFFFFF;
	width:120%;
}

#nav_nd {
	position:relative;
	width:150px;
	background-color:#F1F2F2;
}
#nav_nd ul {
	list-style:none;
	margin: 0 0 0 0;
	height:282px;
	background-color:#EAEAEB;
}
#nav_nd ul li {
	padding-left:0px;
	margin: 2px 0 2px 10px;
}
#nav_nd ul li a {
	position:relative;
	padding-left:5px;
}
#nav_nd ul li a:hover{
	position:relative;
	background-color:#626467;
	display:block;
	color:#FFFFFF;
	padding-left:5px;
}
#nav_nd ul li a:active {
	display:block;
}
#nav_nd ul li a:link{
	display:block;
}
.sep hr{
	border-color:#B3B2B3;
	margin:0 5px 0 -5px;	
}
.sep_big hr {
	position:relative;
	border: solid 3px;
	border-color:#D1D3D4;
	width:150px;
	margin-top:0px;
}
#user_navigation {
	position:relative;
	width:150px;
	color:#4D4D4D;
	background-color:#F1F2F2;
	font-size:11px;
}
#user_navigation ul {
	list-style:none;
	margin: 0 0 0 0;
	padding-top:3px;
	height:auto;
	padding-bottom:10px;
	background-color:#EAEAEB;
}
#user_navigation ul li {
	padding-left:0px;
	margin: 2px 0 2px 10px;
}
#user_navigation ul li a {
	font:10px HelveticaNeueVnu, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
	position:relative;
	padding-left:5px;
	color:#4D4D4D;
}
#user_navigation ul li a:hover{
	position:relative;
	background-color:#626467;
	display:block;
	color:#FFFFFF;
	padding-left:5px;
}
#user_navigation ul li a:active {
	display:block;
}
#user_navigation ul li a:link{
	display:block;
}
.user_navigation_title {
	padding-left:5px;
	font:10px HelveticaNeueVnuBold, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
}
.user_navigation_r {
	position:relative;
	display:block;
	color:#4D4D4D;
	background-color:#EAEAEB;
	font:11px/2.8 HelveticaNeueVnuBold, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
}
.text_u{
	padding-left:30px;
	padding-top:16px;
	padding-bottom:16px;
}

.user_ava_content {
	display:inline-block;
	text-align:center;
}
.user_avarta {
	border:solid 2px #D1D3D4;
	position:relative;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	width:100px;
	overflow:hidden;
	z-index:2;			
}
.user_avarta img{
	display:block;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle
	z-index:1;
	opacity:1;
}
.user_content{
	font:10px/2.5 Helvetica, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
}

/* ------------------------------------*/
/* Contain	 						   */
/* ------------------------------------*/
#content{
	margin-top:14px;
}
#event {
	background-color:#54C0B8;
	font:17px HouseGothicHG23ExtLIGHT2;
	color:#FFF;
	width:155px;
	text-transform:uppercase;
	line-height:28pt;
	padding-left:5px;
	margin-bottom:10px;
	font-weight:light;
}
#list {
	background-color:#CE69A7;
	font:17px HouseGothicHG23ExtLIGHT2, Arial, Helvetica, sans-serif;
	color:#FFF;
	width:195px;
	text-transform:uppercase;
	line-height:28pt;
	padding-left:5px;
	margin-bottom:10px;
	font-weight:light;
}
#promote {
	background-color:#F6D807;
	font:17px HouseGothicHG23ExtLIGHT2, Arial, Helvetica, sans-serif;
	color:#676767;
	width:200px;
	text-transform:uppercase;
	line-height:28pt;
	padding-left:5px;
	font-weight:light;
}
.text_e {
	font:11px/1.5 HelveticaNeueVnu, Helvetica, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
	color:#676767;
}
.date {
	margin-top:10px;
	font-size:9px;
	font-style:italic;
	color:#A7A8AB;
	padding-left:5px;
}
.price {
	margin-top:10px;
	font-size:9px;
	font-style:italic;
	color:#A7A8AB;
	padding-left:5px;
}
.term {
	padding-left:5px;
}
.desc {
	padding-left:5px;
	margin-bottom:6px;
}	
.text_e hr {
	margin-bottom:0px;
}
.text_e a {
	color:#676767;
}
.promote_image img{
	padding-top:9px;	
}

/* ------------------------------------*/
/* Product  						   */
/* ------------------------------------*/
#hot_pro {
	position:relative;
	display:inline-block;
}
.hot_pro_bar{
	position:absolute;
	font:16px/1.4 HouseGothicHG23Ext-BOLD3, Tahoma, Arial,'Liberation Sans',FreeSans,sans-serif;	
	bottom:0px;
	left:0px;
	background:#F2F2F2;
	opacity:0.9;
	filter:alpha(opacity=0.9);
	height:30px;
	width:100%;
	z-index:2;
	line-height:30px;
	font-size:16px;
	color:#666666;
}
#description {
	font:11px/1.4 HelveticaNeueVnu, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
	color:#676767;
	z-index:3;
	position:absolute;
	padding:15px;
	color:#666666;
}
a.hot_pro_des{
	display:block;
	position:absolute;
	top:0px;
	color:#676767;
	background:#F2F2F2;
	opacity:0;
	filter:alpha(opacity=1);
	height:140px;
	width:100%;
	z-index:3;
}

a:hover.hot_pro_des {
	display:block;
	position:absolute;
	color:#676767;
	top:0px;
	background:#F2F2F2;
	opacity:0.9;
	filter:alpha(opacity=0.9);
	z-index:3;
	color:#000;
	height:140px;
}
.left {
	float:left;
	padding-left:10px;
	vertical-align:middle;
}
.right {
	float:right;
	padding-right:10px;
}
.hot_pro_img{
	position:relative;
	border:4px solid #F1F2F2;
	margin-left:auto;
	margin-right:auto;
	width:230px;
	height:170px;
	overflow:hidden;
	z-index:1;
}
.hot_pro_img img{
	display:inline;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	z-index:1;
	opacity:1;
	filter:alpha(opacity=1);
}

/* ------------------------------------*/
/* Register 						   */
/* ------------------------------------*/
.reg{
	font:12px/1.65 Helvetica, Trebuchet MS, Arial,'Liberation Sans',FreeSans,sans-serif;
}
.reg tr td{
	padding-right:25px;
	line-height:30px;
}
#birthdate1,#birthdate2,#birthdate3{
	border: 1px solid #ffffff;
	background: #ffffff;
	color: #808080;
	height:15pt;
	width: 80px;
	padding-left:4px;
}#birthdate1:hover,#birthdate2:hover,#birthdate3:hover{
	border: 1px solid #626467;	
}
.textInputreg {
	border: 1px solid #ffffff;
	background: #ffffff;
	color: #808080;
	height:15pt;
	width: 220px;
	padding-left:4px;
}
.textInputreg:hover{
	border: 1px solid #626467;	
}
.textInputreg:focus {
	border: 1px solid #626467;
	color: #000;
}
/* ------------------------------------*/
/* Footer	 						   */
/* ------------------------------------*/
#footer {
	margin-top:20px;
	margin-bottom:100px;
	font:10px/1.65 Arial,'Liberation Sans',FreeSans,sans-serif;
	color:#979797;
	font-weight: bold;
}
#footer a {
	color:#979797;
}
#footer hr {
	margin-bottom:5px;
}


/* ------------------------------------*/
/* Font                                */
/* ------------------------------------*/
@font-face { font-family: Helvetica; src: url('../font/Helvetica.ttf');}
@font-face { font-family: HelveticaNeueVnu; font-style:normal; src: url('../font/HelveticaNeueVnu-Light.ttf');}
@font-face { font-family: HelveticaNeueVnu; font-style:italic; src: url('../font/HelveticaNeueVnu-LightItalic.ttf');}
@font-face { font-family: HelveticaNeueVnuBold; src: url('../font/HelveticaNeueVnu-Bold.ttf');}
@font-face { font-family: 'HouseGothicHG23ExtLIGHT2';
	src:  url('../font/HouseGothicHG23Ext-LIGHT2.eot'),url('../font/HouseGothicHG23Ext-LIGHT2.ttf') format('truetype'), local('HouseGothicHG23Ext-LIGHT2');
	font-weight:light;font-style: normal;;
}
@font-face { font-family: 'HouseGothicHG23Ext-BOLD3';
	src: url('../font/HouseGothicHG23Ext-BOLD3.eot'),url('../font/HouseGothicHG23Ext-BOLD3.ttf') format('truetype'), local('HouseGothicHG23Ext-BOLD3');
	font-weight:bold;font-style: normal;
}